<?php include 'header.php';?>


	<hr class="topbar" />
	<div class="container">
		<br />

			<div class="col-sm-12">
				<h1>Information Systems Department</h1>

				<hr />
				<div class="row">
					<div class="col-sm-12 col-md-8">

			<!--  tabs -->
			<div class="row directory-counties hidden-xs">
				<br> <br> <br> <br>
				<div class="col-sm-12">
					<ul class="nav nav-tabs" id="myTab">
						<li class=""><a data-toggle="tab" href="index.html#popular">About</a>
						</li>
						<li class=""><a data-toggle="tab" href="index.html#EN">Lecturers</a>
						</li>
						<li class=""><a data-toggle="tab" href="index.html#WA">Curreculum</a>
						</li>



					</ul>
					<div class="tab-content " id="myTabContent">
						<div id="popular" class="tab-pane fade counties-pane active">about</div>


						<div id="EN" class="tab-pane counties-pane">
							<div class="panel-group" id="accordion">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 class="panel-title">
											<a data-toggle="collapse" data-parent="#accordion"
												href="#collapseOne"> Baseer Baheer </a>
										</h4>
									</div>
									<div id="collapseOne" class="panel-collapse collapse in">
										<div class="panel-body">
											<div class="col-md-8 col-md-offset-2">
												<div class="team">
													<div class="member-left">
														<img src="img/sami.jpg" alt="Team Member" style="height: 60px; width:60px;"
															class="left">
														<p class="position">Professor</p>
														<p>he is the best teacher ..... .</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 class="panel-title">
											<a data-toggle="collapse" data-parent="#accordion"
												href="#collapseTwo"> M.Shoaib Zarinkhail </a>
										</h4>
									</div>
									<div id="collapseTwo" class="panel-collapse collapse">
										<div class="panel-body">
											<div class="col-md-8 col-md-offset-2">
												<div class="team">
													<div class="member-right">
														<img src="img/sam.jpg" alt="Team Member" style="height: 60px; width:60px;"
															class="right">
														<p class="position">Asisstant Professor</p>
														<p>Baseer is Afghanistan's top-notched web engineer with
															years of experience in teaching, developing technologies
															and creating tools and applications for desktop, web and
															mobile. Baseer received his BSc. in Computer Science from
															the University of Kabul, Afghanistan in 2005, and earned
															an MSc. in Software Engineering from the Technische
															Universitat Berlin, Berlin, Germany in 2010.</p>
													</div></div></div>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#accordion"
														href="#collapseThree"> Zoya Sahab </a>
												</h4>
											</div>
											<div id="collapseThree" class="panel-collapse collapse">
												<div class="panel-body">
												<div class="col-md-8 col-md-offset-2">
												<div class="team">
													<div class="member-right">
														<img src="img/sam.jpg" alt="Team Member" style="height: 60px; width:60px;"
															class="right">
														<p class="position">Asisstant Professor</p>
														<p>Baseer is Afghanistan's top-notched web engineer with
															years of experience in teaching, developing technologies
															and creating tools and applications for desktop, web and
															mobile. Baseer received his BSc. in Computer Science from
															the University of Kabul, Afghanistan in 2005, and earned
															an MSc. in Software Engineering from the Technische
															Universitat Berlin, Berlin, Germany in 2010.</p>
													</div></div></div>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#accordion"
														href="#collapseTwo"> Maryam Farda </a>
												</h4>
											</div>
											<div id="collapseTwo" class="panel-collapse collapse">
												<div class="panel-body">
												
												</div>
											</div>
										</div>
									</div>





								</div>

								<div id="WA" class="tab-pane counties-pane">
									<div class="panel-group" id="acc">
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc" href="#colOne">
														First Semester </a>
												</h4>
											</div>
											<div id="colOne" class="panel-collapse collapse in">
												<div class="panel-body">
												<ul >
												<li>Basics Of Computer(Java)</li>
												<li>Basics Of Computer</li>
												<li>Optic Physics</li>
												</ul>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc" href="#colTwo">
														Second Semester </a>
												</h4>
											</div>
											<div id="colTwo" class="panel-collapse collapse">
												<div class="panel-body">
												<ul >
												<li>Basics Of Computer(Java)</li>
												<li>Basics Of Computer</li>
												<li>Optic Physics</li>
												</ul>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc"
														href="#colThree"> 3rd Semester </a>
												</h4>
											</div>
											<div id="colThree" class="panel-collapse collapse">
												<div class="panel-body">
												<ul >
												<li>Basics Of Computer(Java)</li>
												<li>Basics Of Computer</li>
												<li>Optic Physics</li>
												</ul>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc" href="#colTwo">
														4th Semester</a>
												</h4>
											</div>
											<div id="colTwo" class="panel-collapse collapse">
												<div class="panel-body"></div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc" href="#colTwo">
														5th Semester</a>
												</h4>
											</div>
											<div id="colTwo" class="panel-collapse collapse">
												<div class="panel-body"></div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc" href="#colTwo">
														6th Semester</a>
												</h4>
											</div>
											<div id="colTwo" class="panel-collapse collapse">
												<div class="panel-body"></div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc" href="#colTwo">
														7th Semester</a>
												</h4>
											</div>
											<div id="colTwo" class="panel-collapse collapse">
												<div class="panel-body"></div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#acc" href="#colTwo">
														8th Semester</a>
												</h4>
											</div>
											<div id="colTwo" class="panel-collapse collapse">
												<div class="panel-body"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>

<!-- sidebar -->
					<div class="col-md-4 col-sm-12 account-sidebar hidden-sm">

						<div class="row">
							<div class="col-sm-3" style="text-align: center;">
								<img src="css/images/icons/Crest.png" width="50" />
							</div>
							<div class="col-sm-8">
								<h3>Why us?</h3>
								<p>We're one of the most recognisable brands, attracting
									thousands of buyers every month.
								
								
								<p>
							
							</div>
						</div>
						<br />

						<div class="row">
							<div class="col-sm-3" style="text-align: center;">
								<img src="css/images/icons/Pie-Chart.png" width="40" />
							</div>
							<div class="col-sm-8">
								<h3>Programs</h3>
								<p>We make sure your listings receive maximum exposure and is
									presented in an engaging way</p>
							</div>
						</div>
						<br />

						<div class="row">
							<div class="col-sm-3" style="text-align: center;">
								<img src="css/images/icons/Search.png" width="40" />
							</div>
							<div class="col-sm-8">
								<h3>Focused searches</h3>
								<p>Our technology and algorithm matches potential buyers
									directly to your listings</p>
							</div>
						</div>
						<br />
						<div class="row">
							<div class="col-sm-3" style="text-align: center;">
								<img src="css/images/icons/Telephone.png" width="40" />
							</div>
							<div class="col-sm-8">
								<h3>Mobile web</h3>
								<p>Your listings will always be accessible to everyone, even
									when they are on the move, via our responsive mobile website</p>
							</div>
						</div>

					</div>

				</div>
				<br />






				</fieldset>
				</form>

			</div>
		
	</div>




	</div>
	</div>
	<!-- Modal -->
	<div class="modal fade" id="modalLogin" tabindex="-1" role="dialog"
		aria-labelledby="modalLogin" aria-hidden="true">
		<div class="modal-dialog modal-md">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title">Sign in to your account</h4>
				</div>
				<div class="modal-body">
					<p>If you have an account with us, please enter your details below.</p>

					<form method="POST" action="account_dashboard.html"
						accept-charset="UTF-8" id="user-login-form" class="form ajax"
						data-replace=".error-message p">

						<div class="form-group">
							<input placeholder="Your username/email" class="form-control"
								name="email" type="text">
						</div>

						<div class="form-group">
							<input placeholder="Your password" class="form-control"
								name="password" type="password" value="">
						</div>

						<div class="row">
							<div class="col-md-6"></div>
							<div class="col-md-6">
								<button type="submit" class="btn btn-primary pull-right">Login</button>
							</div>
						</div>

						<div class="row">
							<div class="col-md-12">
								<a data-toggle="modal" href="register.html#modalForgot">Forgot
									your password?</a>
							</div>
						</div>

					</form>
				</div>

				<div class="modal-footer" style="text-align: center">
					<div class="error-message">
						<p style="color: #000; font-weight: normal;">
							Don't have an account? <a class="link-info" href="register.html">Register
								now</a>
						</p>
					</div>
				</div>

			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->


	<!-- Modal -->
	<div class="modal fade" id="modalForgot" tabindex="-1" role="dialog"
		aria-labelledby="modalForgot" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title">Forgot your password?</h4>
				</div>
				<div class="modal-body">
					<p>Enter your email to continue</p>

					<form role="form">
						<div class="form-group">
							<input type="email" class="form-control"
								placeholder="Your email address">
						</div>

						<div class="row">
							<div class="col-md-6"></div>
							<div class="col-md-6">
								<a href="my_account.html" class="btn btn-primary pull-right">Continue</a>
							</div>
						</div>
					</form>

				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
<?php include 'footer.php';?>
